<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="google-site-verification" content="xFzNIueq3R8JaN4lhRIGR52knimPbI12cfVXJLQ5Xrk" />
    <link rel="SHORTCUT ICON" href="/images/logo.ico"> 
    <title><%= @title.nil? ? "Neo的技术笔记" :"#{@title}" %></title>
  <script type="text/javascript">
  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  </script>
  <script type="text/javascript">
  try {
  var pageTracker = _gat._getTracker("UA-13132574-2");
  pageTracker._trackPageview();
  } catch(err) {}</script>

    <%= stylesheet_link_tag "style.css" %>

    
    
    <!--[if lte IE 6]>
    <script type="text/javascript">
      /* <![CDATA[ */
      blankimgpath = 'http://wordpress.digitalnature.ro/fusion/wp-content/themes/fusion/images/blank.gif';
      /* ]]> */
    </script>
    <style type="text/css" media="screen">
      @import "http://wordpress.digitalnature.ro/fusion/wp-content/themes/fusion/ie6.css";
      body{ behavior:url("http://wordpress.digitalnature.ro/fusion/wp-content/themes/fusion/js/ie6hoverfix.htc"); }
      img{ behavior: url("http://wordpress.digitalnature.ro/fusion/wp-content/themes/fusion/js/ie6pngfix.htc"); }
    </style>
    <![endif]-->

    <%= javascript_include_tag "jquery.js" %>

    <style type="text/css">
      .recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
    </style>
    
  </head>
  <body class="home">
    <!-- page wrappers (100% width) -->
    <div id="page-wrap1">
      <div id="page-wrap2">
	<!-- page (actual site content, custom width) -->
	<div id="page" class="with-sidebar">
	  
	  <!-- main wrapper (side & main) -->
	  <div id="main-wrap">
	    <!-- mid column wrap -->
	    <div id="mid-wrap">
	      <!-- sidebar wrap -->
	      <div id="side-wrap">
		<!-- mid column -->
		<div id="mid">
		  <!-- header -->
		  <div id="header">
		    <div id="topnav" class="description">Neo的技术笔记</div>
		    <!-- logo -->
		    <a id="logo" href="http://www.neocanable.com">
		    	<img src="/images/neo.gif">
	    	</a>
		    <!-- top tab navigation -->
		    <div id="tabs">
		      <ul>
			<li id="nav-homelink" class="current_page_item"><a href="http://www.neocanable.com" title="go home"><span><span>Home</span></span></a></li>
			<li class="page_item page-item-276"><a href="/" title="About Me"><span><span>About Me</span></span></a></li>
		      </ul>
		    </div>
		    <!-- /top tabs -->
		    
		  </div><!-- /header -->
		  <!-- mid content -->
		  <div id="mid-content">
		  	<%= yield %>
		  </div>
		  <!-- mid content -->
		</div>
		<!-- /mid -->
		
		
		
		
		<!-- sidebar -->
		<div id="sidebar">
		  <!-- sidebar 1st container -->
		  <div id="sidebar-wrap1">
		    <!-- sidebar 2nd container -->
		    <div id="sidebar-wrap2">
		      <ul id="sidelist">
			
			
			
			<li><div id="fusion-search" class="widget fusion_SearchWidget">         <!-- wp search form -->
			  <div id="searchtab">
			    <div class="inside">
				<fieldset>
				  <input type="text" name="s" id="searchbox" class="searchfield" value="Search" onfocus="if(this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
				  <input type="submit" value="Go" class="searchbutton" />
					</fieldset>
			    </div>
			  </div>
			  <!-- /wp search form -->
			  </div></li>
			  <li>
			  	<div id="fusion-categories" class="widget fusion_CategoryWidget"> <!-- sidebar menu (categories) -->
			  	<ul class="nav">
					 <% @all_categories.each do |category| %>
               <li class="cat-item cat-item-3"><%= link_to "<span>#{category.name}<em>（#{category.articles_categories.count}）</em></span>",category_path(category) %></li>
       

						<% end %>
			  </ul>
			  <!-- /sidebar menu -->
			  </div></li>
			  	<li>
			  		<div id="fusion-twitter-posts" class="widget fusion_TwitterWidget">
			  			<a href="http://twitter.com/neocanable"><%= image_tag "t1.gif" %></a>
			  		
			  		</div>
		  		</li>
		  		<li>
		  			<div id="fusion-flickr-gallery" class="widget fusion_FlickrWidget"><h2 class="title"><!-- flker --></h2>
			  		<div class="flickr">
              <div class="flickr-thumb">			  
<script type="text/javascript" src="http://www.douban.com/service/badge/2331696/?show=collection&amp;select=random&amp;n=9&amp;columns=3" ></script>


						</div>
						</div>
 						</div>
					</li>     
 	</ul>
  </div>
  <!-- /sidebar 2nd container -->
</div>
<!-- /sidebar 1st container -->
</div>
<!-- /sidebar -->



  </div>
  <!-- /side wrap -->
</div>
<!-- /mid column wrap -->
</div>
<!-- /main wrapper -->

<!-- clear main & sidebar sections -->
<div class="clearcontent"></div>
<!-- /clear main & sidebar sections -->


<!-- footer -->
<div id="footer">
  

</div>
<!-- /footer -->

 </div>
 <!-- /page -->
 
</div>
</div>
<!-- /page wrappers -->



<%= javascript_include_tag "fusion.js" %>

<script type="text/javascript">
  /* <![CDATA[ */
  /*
  $(document).ready(function(){
      // body .safari class
      if ($.browser.safari) $('body').addClass('safari');
      
      // layout controls
      $("#layoutcontrol a").click(function() {
	switch ($(this).attr("class")) {
	case 'setFont' : setFontSize();	break;
	case 'setLiquid'	: setPageWidth();	break;
	}
	return false;
	});
      // set the font size from cookie
      var font_size = $.cookie('fontSize');
      if (font_size == '.70em') { $('body').css("font-size",".70em"); }
      if (font_size == '.95em') { $('body').css("font-size",".95em"); }
      if (font_size == '.75em') { $('body').css("font-size",".75em"); }
      
      // set the page width from cookie
      var page_width = $.cookie('pageWidth');
      if (page_width) $('#page').css('width', page_width);
	
	  $('#post-extra-content').minitabs(333, 'slide');
	  //$('#tabtest').minitabs(333, 'slide');
	  
	  if (document.all && !window.opera && !window.XMLHttpRequest && $.browser.msie) { var isIE6 = true; }
	  else { var isIE6 = false;} ;
	    $.browser.msie6 = isIE6;
	      if (!isIE6) {
		initTooltips({
		    timeout: 6000
		    });
	      }
  tabmenudropdowns();
    
    // some $ effects...
    $('#sidebar ul.nav li ul li a').mouseover(function () {
	$(this).animate({ marginLeft: "4px" }, 100 );
	});
  $('#sidebar ul.nav li ul li a').mouseout(function () {
      $(this).animate({ marginLeft: "0px" }, 100 );
      });
  // scroll to top
  $("a#toplink").click(function(){
      $('html').animate({scrollTop:0}, 'slow');
      });
  
    // set roles on some elements (for accessibility)
    $("#tabs").attr("role","navigation");
    $("#mid-content").attr("role","main");
    $("#sidebar").attr("role","complementary");
    $("#searchform").attr("role","search");
    
  });

/* ]]> */
</script>

</body>
</html>
